<!-- 资金流水详情 -->
<template>
  <page-header-wrapper @back="() => this.$router.go(-1)">
    <template>
      <a-card :bordered="false">
        <!-- 详情表单展示 start -->
        <!-- 资金流水 -->
        <a-descriptions bordered title="资金流水">
          <a-descriptions-item label="流水单号"> {{ queryParam.payNo }} </a-descriptions-item>
          <a-descriptions-item label="类型"> {{ Number(queryParam.direct) === 1 ? '收入' : '支出' }} </a-descriptions-item>
          <a-descriptions-item label="时间"> {{ queryParam.createTime | moment() }} </a-descriptions-item>
        </a-descriptions>
        <a-descriptions title="相关凭证" :style="{ 'margin-top': '20px' }" />
        <div>
          <a :href="queryParam.certUrl | dealImageUrl" target="_blank" v-if="queryParam.certUrl">相关凭证</a>
        </div>
        <!-- 详情表单展示 end -->
      </a-card>
    </template>
  </page-header-wrapper>
</template>

<script>
export default {
  data () {
    return {
      queryParam: {}
    }
  },
  created () {
    this.queryParam = this.$route.query
    this.splitImgUrl()
  },
  methods: {
    splitImgUrl () {
      // 分割图片路径
    }
  }
}
</script>

<style scoped></style>
